﻿@model Product
<li class="product-list-item" product_id="@Model.ProductId">
    <div class="product-header">
        <div class="triangle triangle-1 float-left">
        </div>
        <div class="product-name float-left">
            @Model.Name
        </div>
        <a href="@Url.Action("get", "products", new { id = Model.ProductId })" class="manage-btn float-right">Manage</a> <a href="@Url.Action("delete", "products", new { @id = Model.ProductId })" class="delete-btn float-right">Delete</a>
        <ul class="drag-vertical-gripp float-right">
            <li>
                <div class="drag-vertical-gripp-barr">
                </div>
            </li>
            <li>
                <div class="drag-vertical-gripp-barr">
                </div>
            </li>
            <li>
                <div class="drag-vertical-gripp-barr">
                </div>
            </li>
            <li>
                <div class="drag-vertical-gripp-barr">
                </div>
            </li>
        </ul>
        <!-- end of drag vertical gripp -->
        <div class="switch-checkbox-wrapper float-right">
            <label class="switch-checkbox-label float-left">
                product visibility</label>
            <div class="switch-checkbox float-right">
                <input type="checkbox" @(!(Model.IsHidden ?? false) ? "checked=\"checked\"" : "") action="@Url.Action("update", "products", new { @id = Model.ProductId })" class="desktop">
                @*@Html.CheckBox("IsHidden", Model.IsHidden ?? false)
                <input id="check3" name="3" type="checkbox" value="1" class="desktop" />*@
                <label for="check3">
                    &nbsp;</label>
            </div>
        </div>
        <!-- end of switch checkbox wrapper -->
    </div>
    <!-- end of product header -->
    <div class="product-body">
        <div class="release-burndown-chart-wrapper float-left">
            <div class="release-burndown-chart-header">
                Release Burndown
            </div>
            <div>
                <img src="@Url.Content("~/Content/images/chart-placeholder.png")" width="268" height="225" alt="chart-placeholder">
            </div>
        </div>
        <!-- end of realease burndown wrapper -->
        <div class="two-cell-display-wrapper float-left">
            <ul class="two-cell-display">
                <li>
                    <div class="text-cell">
                        Team Velocity</div>
                </li>
                <li>
                    <div class="nr-cell">
                        25</div>
                </li>
            </ul>
            <!-- end of two cell display -->
            <ul class="two-cell-display">
                <li>
                    <div class="text-cell">
                        Days Required</div>
                </li>
                <li>
                    <div class="nr-cell">
                        3.5</div>
                </li>
            </ul>
            <!-- end of two cell display -->
        </div>
        <!-- end of two cell display wrapper -->
        <ul class="recent-activity-wrapper float-left">
            <li>
                <div class="recent-activity-header">
                    Recent Activity
                </div>
            </li>
            <li>
                <ul class="recent-activity-item">
                    <li>
                        <div class="avatar-2">
                            <img alt="avatar" src="@Url.Content("~/Content/images/avatar.png")">
                        </div>
                        <!-- end of avatar 2 -->
                    </li>
                    <li>
                        <p>
                            User 1
                        </p>
                    </li>
                    <li>
                        <div class="dark-insent-line-vertical height-2">
                            <div class="ddark-line-v">
                            </div>
                            <div class="dbright-line-v">
                            </div>
                        </div>
                        <!-- end of insent-line-vertical -->
                    </li>
                    <li>
                        <p class="recent-activity-date">
                            01/01/2012
                        </p>
                    </li>
                    <li>
                        <div class="dark-insent-line-vertical height-2">
                            <div class="ddark-line-v">
                            </div>
                            <div class="dbright-line-v">
                            </div>
                        </div>
                        <!-- end of insent-line-vertical -->
                    </li>
                    <li>
                        <p class="edit-activity-description">
                            Edited story “As user I...”
                        </p>
                    </li>
                </ul>
                <!-- end of recent activity item -->
            </li>
            <li>
                <ul class="recent-activity-item">
                    <li>
                        <div class="avatar-2">
                            <img alt="avatar" src="@Url.Content("~/Content/images/avatar.png")">
                        </div>
                        <!-- end of avatar -->
                    </li>
                    <li>
                        <p>
                            User 2
                        </p>
                    </li>
                    <li>
                        <div class="dark-insent-line-vertical height-2">
                            <div class="ddark-line-v">
                            </div>
                            <div class="dbright-line-v">
                            </div>
                        </div>
                        <!-- end of insent-line-vertical -->
                    </li>
                    <li>
                        <p class="recent-activity-date">
                            01/01/2012
                        </p>
                    </li>
                    <li>
                        <div class="dark-insent-line-vertical height-2">
                            <div class="ddark-line-v">
                            </div>
                            <div class="dbright-line-v">
                            </div>
                        </div>
                        <!-- end of insent-line-vertical -->
                    </li>
                    <li>
                        <p class="edit-activity-description">
                            Updated task at 60%
                        </p>
                    </li>
                </ul>
                <!-- end of recent activity item -->
            </li>
        </ul>
        <!-- end of recent activity wrapper -->
        <ul class="recent-assignments-wrapper float-left">
            <li>
                <div class="recent-assignments-header">
                    Recent Assignments
                </div>
            </li>
            <li>
                <ul class="recent-assignments-item">
                    <li>
                        <div class="avatar-2">
                            <img alt="avatar" src="@Url.Content("~/Content/images/avatar.png")">
                        </div>
                        <!-- end of avatar 2 -->
                    </li>
                    <li>
                        <p>
                            User 1
                        </p>
                    </li>
                    <li>
                        <div class="dark-insent-line-vertical height-2">
                            <div class="ddark-line-v">
                            </div>
                            <div class="dbright-line-v">
                            </div>
                        </div>
                        <!-- end of insent-line-vertical -->
                    </li>
                    <li>
                        <p class="edit-assignments-description">
                            Make design proposal for notification bar / 60% done and something else
                        </p>
                    </li>
                </ul>
                <!-- end of recent activity item -->
            </li>
            <li>
                <ul class="recent-assignments-item">
                    <li>
                        <div class="avatar-2">
                            <img alt="avatar" src="@Url.Content("~/Content/images/avatar.png")">
                        </div>
                        <!-- end of avatar -->
                    </li>
                    <li>
                        <p>
                            User 2
                        </p>
                    </li>
                    <li>
                        <div class="dark-insent-line-vertical height-2">
                            <div class="ddark-line-v">
                            </div>
                            <div class="dbright-line-v">
                            </div>
                        </div>
                        <!-- end of insent-line-vertical -->
                    </li>
                    <li>
                        <p class="edit-assignments-description">
                            Implement stored procedure / 60% done
                        </p>
                    </li>
                </ul>
                <!-- end of recent activity item -->
            </li>
        </ul>
        <!-- end of recent activity wrapper -->
    </div>
    <!-- end of product body -->
</li>
